import styled from "styled-components";

export const HotRecommendTitle = styled.div`
  .underline {
    height: 33px;
    border-bottom: 2px solid #c10d0c;
    margin-bottom: 20px;
    background-position: -231px -160px;
    .fll-a {
      font-size: 20px;
      font-weight: normal;
      line-height: 28px;
      float: left;
      margin-left: 35px;
      color: #333;
      text-decoration: none;
    }
    .hot-select-ul {
      float: left;
      margin: 0 0 0 20px;
      li {
        float: left;
        line-height: 28px;
        color: #666;
        span {
          margin: 0 10px;
        }
        a {
          text-decoration: none;
        }
      }
    }
    .hot-more {
      float: right;
      background-position: 30px -237px;

      a {
        padding-right: 10px;
        margin-right: 10px;
        display: block;
        line-height: 24px;
      }
    }
  }
`;
